<div v-for="(item, index) in 10" class="list-box-item" :style="index==0 ? 'background: #FFD8D8;' : (index==9 ? 'background: #E8E8E8;' : '')">
  <div v-if="index==0 || index==9" class="list-box-tag" :class="{ 'list-box-tag_': index == 9 }">UEFA Champions League</div>
  <div class="flex align-center text-align-center margin-top-15 margin-bottom-15">
    <div class="flex-1">{{index}}</div>
    <div class="flex-2">
      <a class="flex" href="teamDetail.html">
        <img class="width-height-15 margin-right-5" src="./images/ball_park.png" alt="" srcset="" />
        <span class="flex-1 width-0 text-align-left text-ellipsis">MCI</span>
      </a>
    </div>
    <div class="flex-1">2</div>
    <div class="flex-2">2/0/0</div>
    <div class="flex-1">6/1</div>
    <div class="flex-1">5</div>
    <div class="flex-1">6</div>
  </div>
</div>
